// 时间轴动画效果
(function() {
  'use strict';
  
  // 获取所有时间轴项目
  const roadmapItems = document.querySelectorAll('.roadmap-item');
  
  // 检测元素是否在视口中
  function isInViewport(element) {
    const rect = element.getBoundingClientRect();
    return (
      rect.top <= (window.innerHeight || document.documentElement.clientHeight) * 0.8 &&
      rect.bottom >= 0
    );
  }
  
  // 检查并添加动画类
  function checkRoadmapItems() {
    roadmapItems.forEach((item, index) => {
      if (isInViewport(item) && !item.classList.contains('animate')) {
        // 为每个项目添加延迟，创建瀑布流效果
        setTimeout(() => {
          item.classList.add('animate');
        }, index * 200);
      }
    });
  }
  
  // 初始化检查
  document.addEventListener('DOMContentLoaded', () => {
    checkRoadmapItems();
    
    // 滚动时检查
    window.addEventListener('scroll', () => {
      checkRoadmapItems();
    });
    
    // 窗口大小改变时检查
    window.addEventListener('resize', () => {
      checkRoadmapItems();
    });
  });
})();